<template>
 <div>
  <ul>
    <li v-for="item in arr" :key="item.id">
      {{ item.name }}
        <input type="text">
    </li>

  </ul>
   <button @click="add">加一个</button>
 </div>
</template>
<script>
export default {
 data() {
 return {
   arr: [
        { id: 11, name: '老大' },
        { id: 22, name: '老二' },
        { id: 33, name: '老三' }
      ]
 }
 },
 methods:{
   add() {
      // this.arr.splice(1, 0, '新来的')
      this.arr.splice(1, 0, { id: 44, name: '新来的' })
    }
  }
 }

</script>
<style lang="less" scoped>

</style>
